<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏列表</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
</head>
<body>
    <div class="web">
        <header class="animate__animated animate__zoomInDown">
            <div class="logo">
                <div class="bos">
                    <img src="../img/first/logo.png" alt="" />
                </div>
            </div>
            <div class="title">
                <div class="home">
                    <a href="./index.html"
                    ><div class="box1">
                        <p>首页</p>
                        <p>home</p>
                    </div></a
                    >
                </div>
                <div class="home">
                    <a href="./gamelist.html"
                    ><div class="box1">
                        <p>游戏</p>
                        <p>game</p>
                    </div></a
                    >
                </div>
                <div class="home">
                    <a href="./gamepage.html"
                    ><div class="box1">
                        <p>案例</p>
                        <p>Case</p>
                    </div></a
                    >
                </div>
                <div class="home">
                    <a href="./list.html"
                    ><div class="box1">
                        <p>关于我们</p>
                        <p>About us</p>
                    </div></a
                    >
                </div>
                <div class="home">
                    <a href="./personal.html"
                    ><div class="box1">
                        <i class="iconfont icon-weixin"></i></div
                    ></a>
                </div>
            </div>
        </header>
        <nav>
            <img src="../img/gamelist/cloud.png" />
            <div class="mad">
                <div class="turn">
                    <p>狂转游戏</p>
                    <p>Turn mad game</p>
                </div>
                <div class="lottery">
                    <p>抽奖游戏</p>
                    <p>lottery game</p>
                </div>
            </div>
            <div class="all">
                <img src="../img/gamelist/gugu.png"/>
                <div class="new">
                    <span>ALL</span>
                </div>
                <div class="new">
                    <span>最新游戏</span>
                </div>
                <div class="new">
                    <span>最热游戏</span>
                </div>
                <div class="new">
                    <span>购买最多</span>
                </div>
            </div>
            <div class="turn">
                <div class="gg">
                    <div class="plag">
                        <img src="../img/first/ice.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/weekly.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/www.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="turn">
                <div class="gg">
                    <div class="plag">
                        <img src="../img/first/ice.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/weekly.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/www.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="turn">
                <div class="gg">
                    <div class="plag">
                        <img src="../img/first/ice.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/weekly.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                    <div class="plag">
                        <img src="../img/first/www.png" alt="">
                        <div class="fan">
                            <p>剑圣传奇</p>
                            <p>2014-07-09</p>
                            <p>使用次数:20</p>
                            <p>--</p>
                        </div>
                        <div class="shop">
                            <div class="shop1">
                                <span>购买</span>
                            </div>
                            <p class="iconfont icon-wujiaoxing"></p>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <footer>
            <img src="../img/first/tata.png"/>
            <img src="../img/first/popo.png" />
        </footer>
    </div>
</body>
</html>